<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>旅游攻略</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/gonglue.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/public.css">
  </head>
  <body>
    <div class="top">
      <div class="w">
        <div class="logo fl"><img src="./img/logo.jpg" alt="" /></div>
        <div class="num fr">
          <span class="iconfont">&#xe65b; 000-0000000</span>
        </div>
      </div>
    </div>
    <div class="nav">
      <div class="nav_menu w">
        <div class="menu_item">
          <a href="./首页.html" class="home">首页</a>
          <a href="./首页.html" class="web_home">首页</a>
        </div>
        <div class="menu_item">
          <a href="./旅游攻略.html" class="cur home">旅游攻略</a>
          <a href="./旅游攻略.html" class="cur web_home">旅游攻略</a>
        </div>
        <div class="menu_item">
          <a href="./精选路线.html" class="home">精选路线</a>
          <a href="./精选路线.html" class="web_home">精选路线</a>
        </div>
        <div class="menu_item">
          <a href="./定制游.html" class="home">定制游</a>
          <a href="./定制游.html" class="web_home">定制游</a>
        </div>
        <div class="menu_item">
          <a href="./周边游.html" class="home">周边游</a>
          <a href="./周边游.html" class="web_home">周边游</a>
        </div>
        <div class="search-box">
          <input
            type="text" class="search-txt"
            placeholder="热门搜索：欧洲、美洲、中东非、澳新、马代.."
          />
          <a href="#" class="search-btn">
            <i class="iconfont icon-search" aria-hidden="true">&#xe78b;</i>
          </a>
        </div>
        </div>
    </div>
    <!-- 图片开始 -->
    <div class="picture"><img src="./img/plan_banner.jpg" alt="" /></div>
    <!-- 旅行攻略 -->
    <div class="w china">
      <div class="title">旅行攻略</div>
      <div class="china-1">
        <div class="pic">
          <p><span></span>来自<i>自由行攻略</i></p>
          <br />
          <img src="./img/p1.png" alt="" />
          <dl>
            <dt>【自由行】热带中澳瀑布探险</dt>
            <dd class="ty">我要体验</dd>
            <dd class="tit">
              澳伏尔加庄园是哈尔滨东南郊区的一座俄罗斯文化主题风景园,这里拥有大片草坪和树林,还有古堡、长桥等许多俄式建筑
              和欧式雕塑,处处充满迷人的异域风情。这里的俄式风光也让庄园成为婚纱摄影取景胜地。<br />

              伏尔加庄园位于阿什河畔,这里春夏一片绿意,你可坐船在湖中游、或者骑着自行车畅行与园中,也可以慢慢步...
            </dd>
            <dd class="play">美食</dd>
            <dd class="play">探险</dd>
            <dd class="play">中国游</dd>
          </dl>
        </div>
        <div class="picc">
          <p>来自<i>自由行攻略</i></p>
          <img src="./img/p2.png" alt="" />
          <dl class="ddl">
            <dt>【自由行】热带中澳瀑布探险</dt>
            <dd class="ty">我要体验</dd>
            <dd class="tit">
              澳伏尔加庄园是哈尔滨东南郊区的一座俄罗斯文化主题风景园,这里拥有大片草坪和树林,还有古堡、长桥等许多俄式建筑
              和欧式雕塑,处处充满迷人的异域风情。这里的俄式风光也让庄园成为婚纱摄影取景胜地。<br />

              伏尔加庄园位于阿什河畔,这里春夏一片绿意,你可坐船在湖中游、或者骑着自行车畅行与园中,也可以慢慢步...
            </dd>
            <dd class="play">美食</dd>
            <dd class="play">探险</dd>
            <dd class="play">中国游</dd>
          </dl>
        </div>
      </div>
    </div>

    <!-- 目的地推荐 -->
    <div class="w abroad">
      <div class="title">目的地推荐</div>
      <div class="abroad-1 fl">
        <ul>
          <li>
            <a href="#"><img src="./img/ta3.png" alt="" /></a>
            <p>走进意大利之夏</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta1.png" alt="" /></a>
            <p>民谣之都，安顺大桥</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta2.png" alt="" /></a>
            <p>畅游北京故宫</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta1.png" alt="" /></a>
            <p>藏地密码-神秘西藏</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta2.png" alt="" /></a>
            <p>古城西安，古墓兵马俑</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta1.png" alt="" /></a>
            <p>秋色浓蕴，水城乌镇</p>
          </li>
          <li>
            <a href="#"><img src="./img/ta2.png" alt="" /></a>
            <p>秋意盎然，相约蒙古</p>
          </li>
        </ul>
      </div>
    </div>
     <!-- 奔跑的小熊 -->
     <div class="bear">
      <div class="box_box"></div>
    </div>

    <!-- 页脚开始 -->
    <div class="footer">
      <div class="w">
        <div class="fo1">
          <span class="iconfont">&#xe629;</span>
          <h2>阳光行程</h2>
          <p>透明公开</p>
        </div>
        <div class="fo2">
          <span class="iconfont">&#xe643;</span>
          <h2>阳光价格</h2>
          <p>明码实价</p>
        </div>
        <div class="fo3">
          <span class="iconfont">&#xe63b;</span>
          <h2>阳光服务</h2>
          <p>专属客服</p>
        </div>
        <div class="fo4">
          <span class="iconfont">&#xe65b;</span>
          <h2>服务电话</h2>
          <p>000-000-0000</p>
        </div>
      </div>
    </div>
    <div class="footb">
      <div class="w">
        <dl class="fl">
          <dt>去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>跟团游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>

        <dl class="fl">
          <dt class="ddt">去旅游</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx"></div>
        <dl class="fl">
          <dt>找优惠</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>看攻略</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
        <dl class="fl">
          <dt>查服务</dt>
          <dd>去旅游</dd>
          <dd>海岛游</dd>
          <dd>门票</dd>
          <dd>机票+酒店</dd>
          <dd>客服推荐</dd>
        </dl>
        <div class="bx1"></div>
      </div>
    </div>
  </body>
</html>
